<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8' />
  <meta name='viewport' content='width=device-width, initial-scale=1' />
  <meta name='csrf-token' content='{{ csrf_token() }}' />
  <title>{{ config('blog.title') }}</title>
  <link rel='stylesheet' href='{{ asset("css/app.css") }}'>
  @yield('style')
</head>

<body>
{{-- Navigation Bar --}}
<nav class='navbar navbar-expand-md navbar-light navbar-laravel'>
  <div class='container'>
    <a class='navbar-brand mr-aout mr-lg-0' href='#'>{{ config('blog.title') }} 后台</a>
    <button class='navbar-togger p-0 border-0'
      type='button'
      data-toggle='collapse' 
      data-target='#navbar-menu'
      aria-controls='navbar-menu'
      aria-expanded='false'
      aria-label='Toggle navigation'
    >
      <span class='navbar-toggle-icon'></span>
    </button>

    <div class='collapse navbar-collapse' id='navbar-menu'>
      @include('admin.partials.navbar')
    </div>
  </div>
</nav>

<main class='py-4'>
  @yield('content')
</main>

<script src='{{ asset("js/app.js") }}'></script>
</body>

@yield('scripts')
</html>